<template>
  <div>
    <CommentMain
      :commentData="comment"
      v-for="(comment, index) in commentList"
      :key="index"
    />
  </div>
</template>

<script>
import CommentMain from "../components/Comment/Main";
export default {
  components: {
    CommentMain,
  },
  data() {
    return {
      // 模拟数据
      commentList: [
        {
          content: "挽尊",
        },
        {
          content: "楼上说得有道理",
        },
        {
          content: "继续吹",
        },
        {
          content: "胡扯",
        },
        {
          content: "吹泡泡",
          parent: {
            content: "继续吹",
          },
        },
        {
          content: "泡泡糖",
          parent: {
            content: "吹泡泡",
            parent: {
              content: "继续吹",
            },
          },
        },
        {
          content: "糖糖甜",
          parent: {
            content: "泡泡糖",
            parent: {
              content: "吹泡泡",
              parent: {
                content: "继续吹",
              },
            },
          },
        },
      ],
    };
  },
};
</script>

<style>
</style>